<!DOCTYPE html>
<html lang="zh-Hans" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Markdown 基础示例 | VitePress基础框架</title>
    <meta name="description" content="VitePress基础框架的站点描述">
    <meta name="generator" content="VitePress v1.3.4">
    <link rel="preload stylesheet" href="/vitepress-template-public/assets/style.BlgVYu-Y.css" as="style">
    <script type="module" src="/vitepress-template-public/assets/chunks/metadata.e7f3cd1f.js"></script>
    <script type="module" src="/vitepress-template-public/assets/app.B7Bvz4Bc.js"></script>
    <link rel="preload" href="/vitepress-template-public/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/vitepress-template-public/assets/chunks/theme.B1DMWA2k.js">
    <link rel="modulepreload" href="/vitepress-template-public/assets/chunks/framework.D5O-cTmz.js">
    <link rel="modulepreload" href="/vitepress-template-public/assets/examples_markdown.md.DV7POwBR.lean.js">
    <link rel="icon" type="image/svg+xml" href="./logo/vitepress-logo-mini.svg">
    <link rel="icon" type="image/png" href="./logo/vitepress-logo-mini.png">
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-b928bd87><!--[--><!--]--><!--[--><span tabindex="-1" data-v-7de6d21b></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-7de6d21b> Skip to content </a><!--]--><!----><header class="VPNav" data-v-b928bd87 data-v-7614e298><div class="VPNavBar" data-v-7614e298 data-v-4a78392f><div class="wrapper" data-v-4a78392f><div class="container" data-v-4a78392f><div class="title" data-v-4a78392f><div class="VPNavBarTitle has-sidebar" data-v-4a78392f data-v-a1bbf3b8><a class="title" href="/vitepress-template-public/" data-v-a1bbf3b8><!--[--><!--]--><!--[--><img class="VPImage logo" src="/vitepress-template-public/logo/vitepress-logo-mini.svg" width="24" height="24" alt data-v-5f4c361e><!--]--><span data-v-a1bbf3b8>VitePress基础框架</span><!--[--><!--]--></a></div></div><div class="content" data-v-4a78392f><div class="content-body" data-v-4a78392f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-4a78392f><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-4a78392f data-v-1eb62029><span id="main-nav-aria-label" class="visually-hidden" data-v-1eb62029> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/vitepress-template-public/guide/install" tabindex="0" data-v-1eb62029 data-v-c4db28c0><!--[--><span data-v-c4db28c0>教程</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/vitepress-template-public/examples/markdown" tabindex="0" data-v-1eb62029 data-v-c4db28c0><!--[--><span data-v-c4db28c0>示例</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-1eb62029 data-v-8c3a7de4><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-8c3a7de4><span class="text" data-v-8c3a7de4><!----><span data-v-8c3a7de4>下拉导航</span><span class="vpi-chevron-down text-icon" data-v-8c3a7de4></span></span></button><div class="menu" data-v-8c3a7de4><div class="VPMenu" data-v-8c3a7de4 data-v-387194d2><div class="items" data-v-387194d2><!--[--><!--[--><div class="VPMenuGroup" data-v-387194d2 data-v-91ebaee2><p class="title" data-v-91ebaee2>下拉导航标题</p><!--[--><!--[--><div class="VPMenuLink" data-v-91ebaee2 data-v-f484e6ee><a class="VPLink link vp-external-link-icon" href="https://github.com/dcdy/vitepress-template/edit/main/docs/.vitepress/config.mts" target="_blank" rel="noreferrer" data-v-f484e6ee><!--[-->子项A<!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-91ebaee2 data-v-f484e6ee><a class="VPLink link vp-external-link-icon" href="https://gitee.com/xia_mei_ting/vitepress-template/blob/main/docs/.vitepress/config.mts" target="_blank" rel="noreferrer" data-v-f484e6ee><!--[-->子项B<!--]--></a></div><!--]--><!--]--></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-4a78392f data-v-429aef54><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-429aef54 data-v-51f78c2c data-v-7bf662e2><span class="check" data-v-7bf662e2><span class="icon" data-v-7bf662e2><!--[--><span class="vpi-sun sun" data-v-51f78c2c></span><span class="vpi-moon moon" data-v-51f78c2c></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-4a78392f data-v-efa425a3 data-v-c2882db4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/dcdy/vitepress-template" aria-label="github" target="_blank" rel="noopener" data-v-c2882db4 data-v-788a0e61><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://gitee.com/xia_mei_ting/vitepress-template" aria-label target="_blank" rel="noopener" data-v-c2882db4 data-v-788a0e61><svg t="1727428813465" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2268" width="200" height="200"><path d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z" fill="#C71D23" p-id="2269"></path></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-4a78392f data-v-12aa81bd data-v-8c3a7de4><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-8c3a7de4><span class="vpi-more-horizontal icon" data-v-8c3a7de4></span></button><div class="menu" data-v-8c3a7de4><div class="VPMenu" data-v-8c3a7de4 data-v-387194d2><!----><!--[--><!--[--><!----><div class="group" data-v-12aa81bd><div class="item appearance" data-v-12aa81bd><p class="label" data-v-12aa81bd>主题</p><div class="appearance-action" data-v-12aa81bd><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12aa81bd data-v-51f78c2c data-v-7bf662e2><span class="check" data-v-7bf662e2><span class="icon" data-v-7bf662e2><!--[--><span class="vpi-sun sun" data-v-51f78c2c></span><span class="vpi-moon moon" data-v-51f78c2c></span><!--]--></span></span></button></div></div></div><div class="group" data-v-12aa81bd><div class="item social-links" data-v-12aa81bd><div class="VPSocialLinks social-links-list" data-v-12aa81bd data-v-c2882db4><!--[--><a class="VPSocialLink no-icon" href="https://github.com/dcdy/vitepress-template" aria-label="github" target="_blank" rel="noopener" data-v-c2882db4 data-v-788a0e61><span class="vpi-social-github" /></a><a class="VPSocialLink no-icon" href="https://gitee.com/xia_mei_ting/vitepress-template" aria-label target="_blank" rel="noopener" data-v-c2882db4 data-v-788a0e61><svg t="1727428813465" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2268" width="200" height="200"><path d="M512 1024C229.222 1024 0 794.778 0 512S229.222 0 512 0s512 229.222 512 512-229.222 512-512 512z m259.149-568.883h-290.74a25.293 25.293 0 0 0-25.292 25.293l-0.026 63.206c0 13.952 11.315 25.293 25.267 25.293h177.024c13.978 0 25.293 11.315 25.293 25.267v12.646a75.853 75.853 0 0 1-75.853 75.853h-240.23a25.293 25.293 0 0 1-25.267-25.293V417.203a75.853 75.853 0 0 1 75.827-75.853h353.946a25.293 25.293 0 0 0 25.267-25.292l0.077-63.207a25.293 25.293 0 0 0-25.268-25.293H417.152a189.62 189.62 0 0 0-189.62 189.645V771.15c0 13.977 11.316 25.293 25.294 25.293h372.94a170.65 170.65 0 0 0 170.65-170.65V480.384a25.293 25.293 0 0 0-25.293-25.267z" fill="#C71D23" p-id="2269"></path></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-4a78392f data-v-8aa5fe9b><span class="container" data-v-8aa5fe9b><span class="top" data-v-8aa5fe9b></span><span class="middle" data-v-8aa5fe9b></span><span class="bottom" data-v-8aa5fe9b></span></span></button></div></div></div></div><div class="divider" data-v-4a78392f><div class="divider-line" data-v-4a78392f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-b928bd87 data-v-84e6a0db><div class="container" data-v-84e6a0db><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-84e6a0db><span class="vpi-align-left menu-icon" data-v-84e6a0db></span><span class="menu-text" data-v-84e6a0db>菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-84e6a0db data-v-39065feb><button data-v-39065feb>回到顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-b928bd87 data-v-754706ac><div class="curtain" data-v-754706ac></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-754706ac><span class="visually-hidden" id="sidebar-aria-label" data-v-754706ac> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-a51db1f1><section class="VPSidebarItem level-0 has-active" data-v-a51db1f1 data-v-39a5995e><div class="item" role="button" tabindex="0" data-v-39a5995e><div class="indicator" data-v-39a5995e></div><h2 class="text" data-v-39a5995e>示例</h2><!----></div><div class="items" data-v-39a5995e><!--[--><section class="VPSidebarItem level-1 has-active" data-v-39a5995e data-v-39a5995e><div class="item" role="button" tabindex="0" data-v-39a5995e><div class="indicator" data-v-39a5995e></div><h3 class="text" data-v-39a5995e>Markdown</h3><!----></div><div class="items" data-v-39a5995e><!--[--><div class="VPSidebarItem level-2 is-link" data-v-39a5995e data-v-39a5995e><div class="item" data-v-39a5995e><div class="indicator" data-v-39a5995e></div><a class="VPLink link link" href="/vitepress-template-public/examples/markdown" data-v-39a5995e><!--[--><p class="text" data-v-39a5995e>基础示例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-39a5995e data-v-39a5995e><div class="item" data-v-39a5995e><div class="indicator" data-v-39a5995e></div><a class="VPLink link link" href="/vitepress-template-public/examples/markdown-expand" data-v-39a5995e><!--[--><p class="text" data-v-39a5995e>扩展示例</p><!--]--></a><!----></div><!----></div><!--]--></div></section><div class="VPSidebarItem level-1 is-link" data-v-39a5995e data-v-39a5995e><div class="item" data-v-39a5995e><div class="indicator" data-v-39a5995e></div><a class="VPLink link link" href="/vitepress-template-public/examples/api" data-v-39a5995e><!--[--><p class="text" data-v-39a5995e>API</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-b928bd87 data-v-5d97ccec><div class="VPDoc has-sidebar has-aside" data-v-5d97ccec data-v-184b3be7><!--[--><!--]--><div class="container" data-v-184b3be7><div class="aside" data-v-184b3be7><div class="aside-curtain" data-v-184b3be7></div><div class="aside-container" data-v-184b3be7><div class="aside-content" data-v-184b3be7><div class="VPDocAside" data-v-184b3be7 data-v-f6e4fd1a><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-f6e4fd1a data-v-c582f5e1><div class="content" data-v-c582f5e1><div class="outline-marker" data-v-c582f5e1></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-c582f5e1>页面导航</div><ul class="VPDocOutlineItem root" data-v-c582f5e1 data-v-9dd79648><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-f6e4fd1a></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-184b3be7><div class="content-container" data-v-184b3be7><!--[--><!--]--><main class="main" data-v-184b3be7><div style="position:relative;" class="vp-doc _vitepress-template-public_examples_markdown external-link-icon-enabled" data-v-184b3be7><div><h1 id="markdown-基础示例" tabindex="-1">Markdown 基础示例 <a class="header-anchor" href="#markdown-基础示例" aria-label="Permalink to &quot;Markdown 基础示例&quot;">​</a></h1><h2 id="标题" tabindex="-1">标题 <a class="header-anchor" href="#标题" aria-label="Permalink to &quot;标题&quot;">​</a></h2><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#E06C75;"># 一级标题 H1</span></span>
<span class="line"></span>
<span class="line"><span style="color:#E06C75;"># 一级标题 H1</span></span>
<span class="line"></span>
<span class="line"><span style="color:#E06C75;">## 二级标题 H2</span></span>
<span class="line"></span>
<span class="line"><span style="color:#E06C75;">### 三级标题 H3</span></span>
<span class="line"></span>
<span class="line"><span style="color:#E06C75;">#### 四级标题 H4</span></span>
<span class="line"></span>
<span class="line"><span style="color:#E06C75;">##### 五级标题 H5</span></span>
<span class="line"></span>
<span class="line"><span style="color:#E06C75;">###### 六级标题 H6</span></span>
<span class="line"></span>
<span class="line"><span style="color:#ABB2BF;">普通段落</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br></div></div><h1 id="一级标题-h1" tabindex="-1">一级标题 H1 <a class="header-anchor" href="#一级标题-h1" aria-label="Permalink to &quot;一级标题 H1&quot;">​</a></h1><h2 id="二级标题-h2" tabindex="-1">二级标题 H2 <a class="header-anchor" href="#二级标题-h2" aria-label="Permalink to &quot;二级标题 H2&quot;">​</a></h2><h3 id="三级标题-h3" tabindex="-1">三级标题 H3 <a class="header-anchor" href="#三级标题-h3" aria-label="Permalink to &quot;三级标题 H3&quot;">​</a></h3><h4 id="四级标题-h4" tabindex="-1">四级标题 H4 <a class="header-anchor" href="#四级标题-h4" aria-label="Permalink to &quot;四级标题 H4&quot;">​</a></h4><h5 id="五级标题-h5" tabindex="-1">五级标题 H5 <a class="header-anchor" href="#五级标题-h5" aria-label="Permalink to &quot;五级标题 H5&quot;">​</a></h5><h6 id="六级标题-h6" tabindex="-1">六级标题 H6 <a class="header-anchor" href="#六级标题-h6" aria-label="Permalink to &quot;六级标题 H6&quot;">​</a></h6><p>普通段落</p><h2 id="加粗" tabindex="-1">加粗 <a class="header-anchor" href="#加粗" aria-label="Permalink to &quot;加粗&quot;">​</a></h2><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#D19A66;">**加粗文字**</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><strong>加粗文字</strong></p><h2 id="斜体" tabindex="-1">斜体 <a class="header-anchor" href="#斜体" aria-label="Permalink to &quot;斜体&quot;">​</a></h2><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#C678DD;font-style:italic;">_斜体文字_</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><em>斜体文字</em></p><h2 id="下划线" tabindex="-1">下划线 <a class="header-anchor" href="#下划线" aria-label="Permalink to &quot;下划线&quot;">​</a></h2><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#ABB2BF;">&lt;</span><span style="color:#E06C75;">u</span><span style="color:#ABB2BF;">&gt;下划线&lt;/</span><span style="color:#E06C75;">u</span><span style="color:#ABB2BF;">&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><u>下划线</u></p><h2 id="删除线" tabindex="-1">删除线 <a class="header-anchor" href="#删除线" aria-label="Permalink to &quot;删除线&quot;">​</a></h2><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#ABB2BF;">~~删除线~~</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><s>删除线</s></p><h2 id="高亮" tabindex="-1">高亮 <a class="header-anchor" href="#高亮" aria-label="Permalink to &quot;高亮&quot;">​</a></h2><h3 id="安装-markdown-it-mark-插件" tabindex="-1">安装 <code>markdown-it-mark</code> 插件 <a class="header-anchor" href="#安装-markdown-it-mark-插件" aria-label="Permalink to &quot;安装 `markdown-it-mark` 插件&quot;">​</a></h3><div class="language-shell line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">shell</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#61AFEF;">pnpm</span><span style="color:#98C379;"> add</span><span style="color:#98C379;"> markdown-it-mark</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><h3 id="配置" tabindex="-1">配置 <a class="header-anchor" href="#配置" aria-label="Permalink to &quot;配置&quot;">​</a></h3><div class="code-label"><div class="code-label-text">config.mts</div></div><div class="language-ts line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">ts</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#C678DD;">import</span><span style="color:#E06C75;"> markdownItMark</span><span style="color:#C678DD;"> from</span><span style="color:#98C379;"> &#39;markdown-it-mark&#39;</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#C678DD;">export</span><span style="color:#C678DD;"> default</span><span style="color:#61AFEF;"> defineConfig</span><span style="color:#ABB2BF;">({</span></span>
<span class="line"><span style="color:#E06C75;">	markdown</span><span style="color:#ABB2BF;">: {</span></span>
<span class="line"><span style="color:#61AFEF;">		config</span><span style="color:#ABB2BF;">: </span><span style="color:#E06C75;font-style:italic;">md</span><span style="color:#C678DD;"> =&gt;</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line"><span style="color:#E5C07B;">			md</span><span style="color:#ABB2BF;">.</span><span style="color:#61AFEF;">use</span><span style="color:#ABB2BF;">(</span><span style="color:#E06C75;">markdownItMark</span><span style="color:#ABB2BF;">); </span><span style="color:#7F848E;font-style:italic;">// 启用 markdown-it-mark 文字高亮插件插件</span></span>
<span class="line"><span style="color:#ABB2BF;">		},</span></span>
<span class="line"><span style="color:#ABB2BF;">	},</span></span>
<span class="line"><span style="color:#ABB2BF;">});</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><h3 id="修改样式" tabindex="-1">修改样式 <a class="header-anchor" href="#修改样式" aria-label="Permalink to &quot;修改样式&quot;">​</a></h3><p><span class="img-wrapper"><img src="https://cdn.jsdelivr.net/gh/dcdy/image/img/PixPin_2024-11-28_17-14-19.png" alt="PixPin_2024-11-28_17-14-19.png" class="img-loading" onload="this.classList.remove(&#39;img-loading&#39;)" onerror="this.classList.remove(&#39;img-loading&#39;); this.classList.add(&#39;img-error&#39;)"></span></p><div class="code-label"><div class="code-label-text">custom.css</div></div><div class="language-css line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">css</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#E06C75;">mark</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line"><span style="color:#ABB2BF;">	padding: </span><span style="color:#D19A66;">2</span><span style="color:#E06C75;">px</span><span style="color:#D19A66;"> 4</span><span style="color:#E06C75;">px</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	border-radius: </span><span style="color:#D19A66;">4</span><span style="color:#E06C75;">px</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	color: </span><span style="color:#D19A66;">#fff</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	background-color: </span><span style="color:#D19A66;">#3884ff</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br></div></div><h3 id="使用" tabindex="-1">使用 <a class="header-anchor" href="#使用" aria-label="Permalink to &quot;使用&quot;">​</a></h3><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#ABB2BF;">==高亮==</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><mark>高亮</mark></p><h2 id="表格" tabindex="-1">表格 <a class="header-anchor" href="#表格" aria-label="Permalink to &quot;表格&quot;">​</a></h2><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#ABB2BF;">| Tables        |      Are      |  Cool |</span></span>
<span class="line"><span style="color:#ABB2BF;">| ------------- | :-----------: | ----: |</span></span>
<span class="line"><span style="color:#ABB2BF;">| col 3 is      | right-aligned | $1600 |</span></span>
<span class="line"><span style="color:#ABB2BF;">| col 2 is      |   centered    |   $12 |</span></span>
<span class="line"><span style="color:#ABB2BF;">| zebra stripes |   are neat    |    $1 |</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br></div></div><table tabindex="0"><thead><tr><th>Tables</th><th style="text-align:center;">Are</th><th style="text-align:right;">Cool</th></tr></thead><tbody><tr><td>col 3 is</td><td style="text-align:center;">right-aligned</td><td style="text-align:right;">$1600</td></tr><tr><td>col 2 is</td><td style="text-align:center;">centered</td><td style="text-align:right;">$12</td></tr><tr><td>zebra stripes</td><td style="text-align:center;">are neat</td><td style="text-align:right;">$1</td></tr></tbody></table><h2 id="公式" tabindex="-1">公式 <a class="header-anchor" href="#公式" aria-label="Permalink to &quot;公式&quot;">​</a></h2><h3 id="内联公式" tabindex="-1">内联公式 <a class="header-anchor" href="#内联公式" aria-label="Permalink to &quot;内联公式&quot;">​</a></h3><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#ABB2BF;">$$</span></span>
<span class="line"><span style="color:#ABB2BF;">\begin{matrix}</span></span>
<span class="line"><span style="color:#ABB2BF;">1 &amp; 2 &amp; 3</span><span style="color:#56B6C2;">\\</span></span>
<span class="line"><span style="color:#ABB2BF;">4 &amp; 5 &amp; 6</span><span style="color:#56B6C2;">\\</span></span>
<span class="line"><span style="color:#ABB2BF;">7 &amp; 8 &amp; 9</span><span style="color:#56B6C2;">\\</span></span>
<span class="line"><span style="color:#ABB2BF;">\end{matrix}</span></span>
<span class="line"><span style="color:#ABB2BF;">\tag{简单矩阵 - 事例1}</span></span>
<span class="line"><span style="color:#ABB2BF;">$$</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br></div></div><mjx-container tabindex="0" class="MathJax" jax="SVG" display="true" width="full" style="direction:ltr;text-align:center;margin:1em 0;display:flex;min-width:49.371ex;position:relative;"><svg style="overflow:visible;min-height:1px;vertical-align:-3.733ex;min-width:49.371ex;" xmlns="http://www.w3.org/2000/svg" width="100%" height="8.597ex" role="img" focusable="false" aria-hidden="true"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(0.0181,-0.0181) translate(0, -2150)"><g data-mml-node="math"><g data-mml-node="mtable" transform="translate(9161,0) translate(-9161,0)"><g transform="translate(0 2150) matrix(1 0 0 -1 0 0) scale(55.25)"><svg data-table="true" preserveAspectRatio="xMidYMid" viewBox="1750 -2150 1 3800" style="overflow:visible;"><g transform="matrix(1 0 0 -1 0 0)"><g data-mml-node="mlabeledtr"><g data-mml-node="mtd"><g data-mml-node="mtable"><g data-mml-node="mtr" transform="translate(0,1400)"><g data-mml-node="mtd"><g data-mml-node="mn"><path data-c="31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z" style="stroke-width:3;"></path></g></g><g data-mml-node="mtd" transform="translate(1500,0)"><g data-mml-node="mn"><path data-c="32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z" style="stroke-width:3;"></path></g></g><g data-mml-node="mtd" transform="translate(3000,0)"><g data-mml-node="mn"><path data-c="33" d="M127 463Q100 463 85 480T69 524Q69 579 117 622T233 665Q268 665 277 664Q351 652 390 611T430 522Q430 470 396 421T302 350L299 348Q299 347 308 345T337 336T375 315Q457 262 457 175Q457 96 395 37T238 -22Q158 -22 100 21T42 130Q42 158 60 175T105 193Q133 193 151 175T169 130Q169 119 166 110T159 94T148 82T136 74T126 70T118 67L114 66Q165 21 238 21Q293 21 321 74Q338 107 338 175V195Q338 290 274 322Q259 328 213 329L171 330L168 332Q166 335 166 348Q166 366 174 366Q202 366 232 371Q266 376 294 413T322 525V533Q322 590 287 612Q265 626 240 626Q208 626 181 615T143 592T132 580H135Q138 579 143 578T153 573T165 566T175 555T183 540T186 520Q186 498 172 481T127 463Z" style="stroke-width:3;"></path></g></g></g><g data-mml-node="mtr"><g data-mml-node="mtd"><g data-mml-node="mn"><path data-c="34" d="M462 0Q444 3 333 3Q217 3 199 0H190V46H221Q241 46 248 46T265 48T279 53T286 61Q287 63 287 115V165H28V211L179 442Q332 674 334 675Q336 677 355 677H373L379 671V211H471V165H379V114Q379 73 379 66T385 54Q393 47 442 46H471V0H462ZM293 211V545L74 212L183 211H293Z" style="stroke-width:3;"></path></g></g><g data-mml-node="mtd" transform="translate(1500,0)"><g data-mml-node="mn"><path data-c="35" d="M164 157Q164 133 148 117T109 101H102Q148 22 224 22Q294 22 326 82Q345 115 345 210Q345 313 318 349Q292 382 260 382H254Q176 382 136 314Q132 307 129 306T114 304Q97 304 95 310Q93 314 93 485V614Q93 664 98 664Q100 666 102 666Q103 666 123 658T178 642T253 634Q324 634 389 662Q397 666 402 666Q410 666 410 648V635Q328 538 205 538Q174 538 149 544L139 546V374Q158 388 169 396T205 412T256 420Q337 420 393 355T449 201Q449 109 385 44T229 -22Q148 -22 99 32T50 154Q50 178 61 192T84 210T107 214Q132 214 148 197T164 157Z" style="stroke-width:3;"></path></g></g><g data-mml-node="mtd" transform="translate(3000,0)"><g data-mml-node="mn"><path data-c="36" d="M42 313Q42 476 123 571T303 666Q372 666 402 630T432 550Q432 525 418 510T379 495Q356 495 341 509T326 548Q326 592 373 601Q351 623 311 626Q240 626 194 566Q147 500 147 364L148 360Q153 366 156 373Q197 433 263 433H267Q313 433 348 414Q372 400 396 374T435 317Q456 268 456 210V192Q456 169 451 149Q440 90 387 34T253 -22Q225 -22 199 -14T143 16T92 75T56 172T42 313ZM257 397Q227 397 205 380T171 335T154 278T148 216Q148 133 160 97T198 39Q222 21 251 21Q302 21 329 59Q342 77 347 104T352 209Q352 289 347 316T329 361Q302 397 257 397Z" style="stroke-width:3;"></path></g></g></g><g data-mml-node="mtr" transform="translate(0,-1400)"><g data-mml-node="mtd"><g data-mml-node="mn"><path data-c="37" d="M55 458Q56 460 72 567L88 674Q88 676 108 676H128V672Q128 662 143 655T195 646T364 644H485V605L417 512Q408 500 387 472T360 435T339 403T319 367T305 330T292 284T284 230T278 162T275 80Q275 66 275 52T274 28V19Q270 2 255 -10T221 -22Q210 -22 200 -19T179 0T168 40Q168 198 265 368Q285 400 349 489L395 552H302Q128 552 119 546Q113 543 108 522T98 479L95 458V455H55V458Z" style="stroke-width:3;"></path></g></g><g data-mml-node="mtd" transform="translate(1500,0)"><g data-mml-node="mn"><path data-c="38" d="M70 417T70 494T124 618T248 666Q319 666 374 624T429 515Q429 485 418 459T392 417T361 389T335 371T324 363L338 354Q352 344 366 334T382 323Q457 264 457 174Q457 95 399 37T249 -22Q159 -22 101 29T43 155Q43 263 172 335L154 348Q133 361 127 368Q70 417 70 494ZM286 386L292 390Q298 394 301 396T311 403T323 413T334 425T345 438T355 454T364 471T369 491T371 513Q371 556 342 586T275 624Q268 625 242 625Q201 625 165 599T128 534Q128 511 141 492T167 463T217 431Q224 426 228 424L286 386ZM250 21Q308 21 350 55T392 137Q392 154 387 169T375 194T353 216T330 234T301 253T274 270Q260 279 244 289T218 306L210 311Q204 311 181 294T133 239T107 157Q107 98 150 60T250 21Z" style="stroke-width:3;"></path></g></g><g data-mml-node="mtd" transform="translate(3000,0)"><g data-mml-node="mn"><path data-c="39" d="M352 287Q304 211 232 211Q154 211 104 270T44 396Q42 412 42 436V444Q42 537 111 606Q171 666 243 666Q245 666 249 666T257 665H261Q273 665 286 663T323 651T370 619T413 560Q456 472 456 334Q456 194 396 97Q361 41 312 10T208 -22Q147 -22 108 7T68 93T121 149Q143 149 158 135T173 96Q173 78 164 65T148 49T135 44L131 43Q131 41 138 37T164 27T206 22H212Q272 22 313 86Q352 142 352 280V287ZM244 248Q292 248 321 297T351 430Q351 508 343 542Q341 552 337 562T323 588T293 615T246 625Q208 625 181 598Q160 576 154 546T147 441Q147 358 152 329T172 282Q197 248 244 248Z" style="stroke-width:3;"></path></g></g></g></g></g></g></g></svg><svg data-labels="true" preserveAspectRatio="xMaxYMid" viewBox="8361 -2150 1 3800" style="overflow:visible;"><g data-labels="true" transform="matrix(1 0 0 -1 0 0)"><g data-mml-node="mtd" id="mjx-eqn:简单矩阵_-_事例_1"><g data-mml-node="mtext"><path data-c="28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z" style="stroke-width:3;"></path><text data-variant="normal" transform="translate(389,0) scale(1,-1)" font-size="884px" font-family="serif">简</text><text data-variant="normal" transform="translate(1389,0) scale(1,-1)" font-size="884px" font-family="serif">单</text><text data-variant="normal" transform="translate(2389,0) scale(1,-1)" font-size="884px" font-family="serif">矩</text><text data-variant="normal" transform="translate(3389,0) scale(1,-1)" font-size="884px" font-family="serif">阵</text><path data-c="20" d="" transform="translate(4389,0)" style="stroke-width:3;"></path><path data-c="2D" d="M11 179V252H277V179H11Z" transform="translate(4639,0)" style="stroke-width:3;"></path><path data-c="20" d="" transform="translate(4972,0)" style="stroke-width:3;"></path><text data-variant="normal" transform="translate(5222,0) scale(1,-1)" font-size="884px" font-family="serif">事</text><text data-variant="normal" transform="translate(6222,0) scale(1,-1)" font-size="884px" font-family="serif">例</text><path data-c="20" d="" transform="translate(7222,0)" style="stroke-width:3;"></path><path data-c="31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z" transform="translate(7472,0)" style="stroke-width:3;"></path><path data-c="29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z" transform="translate(7972,0)" style="stroke-width:3;"></path></g></g></g></svg></g></g></g></g></svg><mjx-assistive-mml unselectable="on" display="block" style="top:0px;left:0px;clip:rect(1px, 1px, 1px, 1px);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;padding:1px 0px 0px 0px;border:0px;display:block;overflow:hidden;width:100%;"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mtable displaystyle="true"><mlabeledtr><mtd><mtext>(简单矩阵 - 事例 1)</mtext></mtd><mtd><mtable columnspacing="1em" rowspacing="4pt"><mtr><mtd><mn>1</mn></mtd><mtd><mn>2</mn></mtd><mtd><mn>3</mn></mtd></mtr><mtr><mtd><mn>4</mn></mtd><mtd><mn>5</mn></mtd><mtd><mn>6</mn></mtd></mtr><mtr><mtd><mn>7</mn></mtd><mtd><mn>8</mn></mtd><mtd><mn>9</mn></mtd></mtr></mtable></mtd></mlabeledtr></mtable></math></mjx-assistive-mml></mjx-container><h3 id="mathjax3-插件公式" tabindex="-1">mathjax3 插件公式 <a class="header-anchor" href="#mathjax3-插件公式" aria-label="Permalink to &quot;mathjax3 插件公式&quot;">​</a></h3><details class="details custom-block"><summary>点击查看引用 mathjax3 插件。<a href="./../guide/config-doc.html#数学公式">点击跳转</a></summary><h3 id="数学公式" tabindex="-1">数学公式 <a class="header-anchor" href="#数学公式" aria-label="Permalink to &quot;数学公式&quot;">​</a></h3><h4 id="安装-markdown-it-mathjax3" tabindex="-1">安装 markdown-it-mathjax3 <a class="header-anchor" href="#安装-markdown-it-mathjax3" aria-label="Permalink to &quot;安装 markdown-it-mathjax3&quot;">​</a></h4><div class="language-bash line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">bash</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#61AFEF;">pnpm</span><span style="color:#98C379;"> add</span><span style="color:#98C379;"> markdown-it-mathjax3</span><span style="color:#D19A66;"> -D</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><h4 id="配置使用" tabindex="-1">配置使用 <a class="header-anchor" href="#配置使用" aria-label="Permalink to &quot;配置使用&quot;">​</a></h4><div class="code-label"><div class="code-label-text">config.mts</div></div><div class="language-ts line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">ts</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#C678DD;">export</span><span style="color:#C678DD;"> default</span><span style="color:#61AFEF;"> defineConfig</span><span style="color:#ABB2BF;">({</span></span>
<span class="line"><span style="color:#E06C75;">	markdown</span><span style="color:#ABB2BF;">: {</span></span>
<span class="line"><span style="color:#E06C75;">		math</span><span style="color:#ABB2BF;">: </span><span style="color:#D19A66;">true</span><span style="color:#ABB2BF;">, </span><span style="color:#7F848E;font-style:italic;">// 支持数学公式</span></span>
<span class="line"><span style="color:#ABB2BF;">	},</span></span>
<span class="line"><span style="color:#ABB2BF;">});</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br></div></div><div class="language-js line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">js</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#E06C75;">$$</span></span>
<span class="line"><span style="color:#ABB2BF;">\</span><span style="color:#E06C75;">begin</span><span style="color:#ABB2BF;">{</span><span style="color:#E06C75;">aligned</span><span style="color:#ABB2BF;">}</span></span>
<span class="line"><span style="color:#61AFEF;">f</span><span style="color:#ABB2BF;">(</span><span style="color:#E06C75;">x</span><span style="color:#ABB2BF;">) </span><span style="color:#C678DD;">&amp;=</span><span style="color:#ABB2BF;"> (</span><span style="color:#E06C75;">x</span><span style="color:#56B6C2;">+</span><span style="color:#D19A66;">1</span><span style="color:#ABB2BF;">)</span><span style="color:#56B6C2;">^</span><span style="color:#D19A66;">2</span><span style="color:#ABB2BF;">\\</span></span>
<span class="line"><span style="color:#C678DD;">&amp;=</span><span style="color:#E06C75;"> x</span><span style="color:#56B6C2;">^</span><span style="color:#D19A66;">2</span><span style="color:#56B6C2;"> +</span><span style="color:#ABB2BF;"> 2</span><span style="color:#E06C75;">x</span><span style="color:#56B6C2;"> +</span><span style="color:#D19A66;"> 1</span></span>
<span class="line"><span style="color:#ABB2BF;">\</span><span style="color:#E06C75;">end</span><span style="color:#ABB2BF;">{</span><span style="color:#E06C75;">aligned</span><span style="color:#ABB2BF;">}</span></span>
<span class="line"><span style="color:#E06C75;">$$</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br></div></div><mjx-container tabindex="0" class="MathJax" jax="SVG" display="true" style="direction:ltr;display:block;text-align:center;margin:1em 0;position:relative;"><svg style="overflow:visible;min-height:1px;min-width:1px;vertical-align:-2.339ex;" xmlns="http://www.w3.org/2000/svg" width="18.686ex" height="5.81ex" role="img" focusable="false" viewBox="0 -1533.9 8259 2567.9" aria-hidden="true"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mtable"><g data-mml-node="mtr" transform="translate(0,650)"><g data-mml-node="mtd"><g data-mml-node="mi"><path data-c="1D453" d="M118 -162Q120 -162 124 -164T135 -167T147 -168Q160 -168 171 -155T187 -126Q197 -99 221 27T267 267T289 382V385H242Q195 385 192 387Q188 390 188 397L195 425Q197 430 203 430T250 431Q298 431 298 432Q298 434 307 482T319 540Q356 705 465 705Q502 703 526 683T550 630Q550 594 529 578T487 561Q443 561 443 603Q443 622 454 636T478 657L487 662Q471 668 457 668Q445 668 434 658T419 630Q412 601 403 552T387 469T380 433Q380 431 435 431Q480 431 487 430T498 424Q499 420 496 407T491 391Q489 386 482 386T428 385H372L349 263Q301 15 282 -47Q255 -132 212 -173Q175 -205 139 -205Q107 -205 81 -186T55 -132Q55 -95 76 -78T118 -61Q162 -61 162 -103Q162 -122 151 -136T127 -157L118 -162Z" style="stroke-width:3;"></path></g><g data-mml-node="mo" transform="translate(550,0)"><path data-c="28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z" style="stroke-width:3;"></path></g><g data-mml-node="mi" transform="translate(939,0)"><path data-c="1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z" style="stroke-width:3;"></path></g><g data-mml-node="mo" transform="translate(1511,0)"><path data-c="29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z" style="stroke-width:3;"></path></g></g><g data-mml-node="mtd" transform="translate(1900,0)"><g data-mml-node="mi"></g><g data-mml-node="mo" transform="translate(277.8,0)"><path data-c="3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z" style="stroke-width:3;"></path></g><g data-mml-node="mo" transform="translate(1333.6,0)"><path data-c="28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z" style="stroke-width:3;"></path></g><g data-mml-node="mi" transform="translate(1722.6,0)"><path data-c="1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z" style="stroke-width:3;"></path></g><g data-mml-node="mo" transform="translate(2516.8,0)"><path data-c="2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z" style="stroke-width:3;"></path></g><g data-mml-node="mn" transform="translate(3517,0)"><path data-c="31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z" style="stroke-width:3;"></path></g><g data-mml-node="msup" transform="translate(4017,0)"><g data-mml-node="mo"><path data-c="29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z" style="stroke-width:3;"></path></g><g data-mml-node="mn" transform="translate(422,413) scale(0.707)"><path data-c="32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z" style="stroke-width:3;"></path></g></g></g></g><g data-mml-node="mtr" transform="translate(0,-783.9)"><g data-mml-node="mtd" transform="translate(1900,0)"></g><g data-mml-node="mtd" transform="translate(1900,0)"><g data-mml-node="mi"></g><g data-mml-node="mo" transform="translate(277.8,0)"><path data-c="3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z" style="stroke-width:3;"></path></g><g data-mml-node="msup" transform="translate(1333.6,0)"><g data-mml-node="mi"><path data-c="1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z" style="stroke-width:3;"></path></g><g data-mml-node="mn" transform="translate(605,413) scale(0.707)"><path data-c="32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z" style="stroke-width:3;"></path></g></g><g data-mml-node="mo" transform="translate(2564.3,0)"><path data-c="2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z" style="stroke-width:3;"></path></g><g data-mml-node="mn" transform="translate(3564.6,0)"><path data-c="32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z" style="stroke-width:3;"></path></g><g data-mml-node="mi" transform="translate(4064.6,0)"><path data-c="1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z" style="stroke-width:3;"></path></g><g data-mml-node="mo" transform="translate(4858.8,0)"><path data-c="2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z" style="stroke-width:3;"></path></g><g data-mml-node="mn" transform="translate(5859,0)"><path data-c="31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z" style="stroke-width:3;"></path></g></g></g></g></g></g></svg><mjx-assistive-mml unselectable="on" display="block" style="top:0px;left:0px;clip:rect(1px, 1px, 1px, 1px);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;padding:1px 0px 0px 0px;border:0px;display:block;overflow:hidden;width:100%;"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mtable displaystyle="true" columnalign="right left" columnspacing="0em" rowspacing="3pt"><mtr><mtd><mi>f</mi><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mtd><mtd><mi></mi><mo>=</mo><mo stretchy="false">(</mo><mi>x</mi><mo>+</mo><mn>1</mn><msup><mo stretchy="false">)</mo><mn>2</mn></msup></mtd></mtr><mtr><mtd></mtd><mtd><mi></mi><mo>=</mo><msup><mi>x</mi><mn>2</mn></msup><mo>+</mo><mn>2</mn><mi>x</mi><mo>+</mo><mn>1</mn></mtd></mtr></mtable></math></mjx-assistive-mml></mjx-container></details><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#ABB2BF;">\begin{aligned}</span></span>
<span class="line"><span style="color:#ABB2BF;">f(x) &amp;= (x+1)^2</span><span style="color:#56B6C2;">\\</span></span>
<span class="line"><span style="color:#ABB2BF;">&amp;= x^2 + 2x + 1</span></span>
<span class="line"><span style="color:#ABB2BF;">\end{aligned}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br></div></div><mjx-container tabindex="0" class="MathJax" jax="SVG" display="true" style="direction:ltr;display:block;text-align:center;margin:1em 0;position:relative;"><svg style="overflow:visible;min-height:1px;min-width:1px;vertical-align:-2.339ex;" xmlns="http://www.w3.org/2000/svg" width="18.686ex" height="5.81ex" role="img" focusable="false" viewBox="0 -1533.9 8259 2567.9" aria-hidden="true"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="scale(1,-1)"><g data-mml-node="math"><g data-mml-node="mtable"><g data-mml-node="mtr" transform="translate(0,650)"><g data-mml-node="mtd"><g data-mml-node="mi"><path data-c="1D453" d="M118 -162Q120 -162 124 -164T135 -167T147 -168Q160 -168 171 -155T187 -126Q197 -99 221 27T267 267T289 382V385H242Q195 385 192 387Q188 390 188 397L195 425Q197 430 203 430T250 431Q298 431 298 432Q298 434 307 482T319 540Q356 705 465 705Q502 703 526 683T550 630Q550 594 529 578T487 561Q443 561 443 603Q443 622 454 636T478 657L487 662Q471 668 457 668Q445 668 434 658T419 630Q412 601 403 552T387 469T380 433Q380 431 435 431Q480 431 487 430T498 424Q499 420 496 407T491 391Q489 386 482 386T428 385H372L349 263Q301 15 282 -47Q255 -132 212 -173Q175 -205 139 -205Q107 -205 81 -186T55 -132Q55 -95 76 -78T118 -61Q162 -61 162 -103Q162 -122 151 -136T127 -157L118 -162Z" style="stroke-width:3;"></path></g><g data-mml-node="mo" transform="translate(550,0)"><path data-c="28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z" style="stroke-width:3;"></path></g><g data-mml-node="mi" transform="translate(939,0)"><path data-c="1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z" style="stroke-width:3;"></path></g><g data-mml-node="mo" transform="translate(1511,0)"><path data-c="29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z" style="stroke-width:3;"></path></g></g><g data-mml-node="mtd" transform="translate(1900,0)"><g data-mml-node="mi"></g><g data-mml-node="mo" transform="translate(277.8,0)"><path data-c="3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z" style="stroke-width:3;"></path></g><g data-mml-node="mo" transform="translate(1333.6,0)"><path data-c="28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z" style="stroke-width:3;"></path></g><g data-mml-node="mi" transform="translate(1722.6,0)"><path data-c="1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z" style="stroke-width:3;"></path></g><g data-mml-node="mo" transform="translate(2516.8,0)"><path data-c="2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z" style="stroke-width:3;"></path></g><g data-mml-node="mn" transform="translate(3517,0)"><path data-c="31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z" style="stroke-width:3;"></path></g><g data-mml-node="msup" transform="translate(4017,0)"><g data-mml-node="mo"><path data-c="29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z" style="stroke-width:3;"></path></g><g data-mml-node="mn" transform="translate(422,413) scale(0.707)"><path data-c="32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z" style="stroke-width:3;"></path></g></g></g></g><g data-mml-node="mtr" transform="translate(0,-783.9)"><g data-mml-node="mtd" transform="translate(1900,0)"></g><g data-mml-node="mtd" transform="translate(1900,0)"><g data-mml-node="mi"></g><g data-mml-node="mo" transform="translate(277.8,0)"><path data-c="3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z" style="stroke-width:3;"></path></g><g data-mml-node="msup" transform="translate(1333.6,0)"><g data-mml-node="mi"><path data-c="1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z" style="stroke-width:3;"></path></g><g data-mml-node="mn" transform="translate(605,413) scale(0.707)"><path data-c="32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z" style="stroke-width:3;"></path></g></g><g data-mml-node="mo" transform="translate(2564.3,0)"><path data-c="2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z" style="stroke-width:3;"></path></g><g data-mml-node="mn" transform="translate(3564.6,0)"><path data-c="32" d="M109 429Q82 429 66 447T50 491Q50 562 103 614T235 666Q326 666 387 610T449 465Q449 422 429 383T381 315T301 241Q265 210 201 149L142 93L218 92Q375 92 385 97Q392 99 409 186V189H449V186Q448 183 436 95T421 3V0H50V19V31Q50 38 56 46T86 81Q115 113 136 137Q145 147 170 174T204 211T233 244T261 278T284 308T305 340T320 369T333 401T340 431T343 464Q343 527 309 573T212 619Q179 619 154 602T119 569T109 550Q109 549 114 549Q132 549 151 535T170 489Q170 464 154 447T109 429Z" style="stroke-width:3;"></path></g><g data-mml-node="mi" transform="translate(4064.6,0)"><path data-c="1D465" d="M52 289Q59 331 106 386T222 442Q257 442 286 424T329 379Q371 442 430 442Q467 442 494 420T522 361Q522 332 508 314T481 292T458 288Q439 288 427 299T415 328Q415 374 465 391Q454 404 425 404Q412 404 406 402Q368 386 350 336Q290 115 290 78Q290 50 306 38T341 26Q378 26 414 59T463 140Q466 150 469 151T485 153H489Q504 153 504 145Q504 144 502 134Q486 77 440 33T333 -11Q263 -11 227 52Q186 -10 133 -10H127Q78 -10 57 16T35 71Q35 103 54 123T99 143Q142 143 142 101Q142 81 130 66T107 46T94 41L91 40Q91 39 97 36T113 29T132 26Q168 26 194 71Q203 87 217 139T245 247T261 313Q266 340 266 352Q266 380 251 392T217 404Q177 404 142 372T93 290Q91 281 88 280T72 278H58Q52 284 52 289Z" style="stroke-width:3;"></path></g><g data-mml-node="mo" transform="translate(4858.8,0)"><path data-c="2B" d="M56 237T56 250T70 270H369V420L370 570Q380 583 389 583Q402 583 409 568V270H707Q722 262 722 250T707 230H409V-68Q401 -82 391 -82H389H387Q375 -82 369 -68V230H70Q56 237 56 250Z" style="stroke-width:3;"></path></g><g data-mml-node="mn" transform="translate(5859,0)"><path data-c="31" d="M213 578L200 573Q186 568 160 563T102 556H83V602H102Q149 604 189 617T245 641T273 663Q275 666 285 666Q294 666 302 660V361L303 61Q310 54 315 52T339 48T401 46H427V0H416Q395 3 257 3Q121 3 100 0H88V46H114Q136 46 152 46T177 47T193 50T201 52T207 57T213 61V578Z" style="stroke-width:3;"></path></g></g></g></g></g></g></svg><mjx-assistive-mml unselectable="on" display="block" style="top:0px;left:0px;clip:rect(1px, 1px, 1px, 1px);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;padding:1px 0px 0px 0px;border:0px;display:block;overflow:hidden;width:100%;"><math xmlns="http://www.w3.org/1998/Math/MathML" display="block"><mtable displaystyle="true" columnalign="right left" columnspacing="0em" rowspacing="3pt"><mtr><mtd><mi>f</mi><mo stretchy="false">(</mo><mi>x</mi><mo stretchy="false">)</mo></mtd><mtd><mi></mi><mo>=</mo><mo stretchy="false">(</mo><mi>x</mi><mo>+</mo><mn>1</mn><msup><mo stretchy="false">)</mo><mn>2</mn></msup></mtd></mtr><mtr><mtd></mtd><mtd><mi></mi><mo>=</mo><msup><mi>x</mi><mn>2</mn></msup><mo>+</mo><mn>2</mn><mi>x</mi><mo>+</mo><mn>1</mn></mtd></mtr></mtable></math></mjx-assistive-mml></mjx-container><h2 id="代码块" tabindex="-1">代码块 <a class="header-anchor" href="#代码块" aria-label="Permalink to &quot;代码块&quot;">​</a></h2><h3 id="普通代码块" tabindex="-1">普通代码块 <a class="header-anchor" href="#普通代码块" aria-label="Permalink to &quot;普通代码块&quot;">​</a></h3><div class="language- line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang"></span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span>```js</span></span>
<span class="line"><span>export default {</span></span>
<span class="line"><span>	data() {</span></span>
<span class="line"><span>		return {</span></span>
<span class="line"><span>			msg: &#39;Highlighted!&#39;,</span></span>
<span class="line"><span>		};</span></span>
<span class="line"><span>	},</span></span>
<span class="line"><span>};</span></span>
<span class="line"><span>```</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><div class="language-js line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">js</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#C678DD;">export</span><span style="color:#C678DD;"> default</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line"><span style="color:#61AFEF;">	data</span><span style="color:#ABB2BF;">() {</span></span>
<span class="line"><span style="color:#C678DD;">		return</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line"><span style="color:#E06C75;">			msg</span><span style="color:#ABB2BF;">: </span><span style="color:#98C379;">&#39;Highlighted!&#39;</span><span style="color:#ABB2BF;">,</span></span>
<span class="line"><span style="color:#ABB2BF;">		};</span></span>
<span class="line"><span style="color:#ABB2BF;">	},</span></span>
<span class="line"><span style="color:#ABB2BF;">};</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><h3 id="高亮代码块" tabindex="-1">高亮代码块 <a class="header-anchor" href="#高亮代码块" aria-label="Permalink to &quot;高亮代码块&quot;">​</a></h3><div class="important custom-block github-alert"><p class="custom-block-title">重点</p><p></p><ul><li>单行：例如 <code>{4}</code></li><li>多行：例如 <code>{5-8}</code>、<code>{3-10}</code>、<code>{10-17}</code></li><li>多个单行：例如 <code>{4,7,9}</code></li><li>多行与单行：例如 <code>{4,7-13,16,23-27,40}</code></li><li>也可以使用 <code>// [!code highlight]</code> 注释实现行高亮。</li></ul></div><div class="language- line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang"></span><pre class="shiki one-dark-pro has-highlighted vp-code" tabindex="0"><code><span class="line"><span>```js{4}</span></span>
<span class="line"><span>export default {</span></span>
<span class="line"><span>  data () {</span></span>
<span class="line"><span>    return {</span></span>
<span class="line"><span>      msg: &#39;Highlighted!&#39;,</span></span>
<span class="line"><span></span></span>
<span class="line highlighted"><span>      tttle: &#39;标题&#39;,</span></span>
<span class="line"><span>    }</span></span>
<span class="line"><span>  }</span></span>
<span class="line"><span>}</span></span>
<span class="line"><span>```</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br></div></div><div class="language-js line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">js</span><pre class="shiki one-dark-pro has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="color:#C678DD;">export</span><span style="color:#C678DD;"> default</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line"><span style="color:#61AFEF;">  data</span><span style="color:#ABB2BF;"> () {</span></span>
<span class="line"><span style="color:#C678DD;">    return</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line highlighted"><span style="color:#E06C75;">      msg</span><span style="color:#ABB2BF;">: </span><span style="color:#98C379;">&#39;Highlighted!&#39;</span><span style="color:#ABB2BF;">,</span></span>
<span class="line"></span>
<span class="line highlighted"><span style="color:#E06C75;">      tttle</span><span style="color:#ABB2BF;">: </span><span style="color:#98C379;">&#39;标题&#39;</span><span style="color:#ABB2BF;">, </span></span>
<span class="line"><span style="color:#ABB2BF;">    }</span></span>
<span class="line"><span style="color:#ABB2BF;">  }</span></span>
<span class="line"><span style="color:#ABB2BF;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><h3 id="聚焦代码块" tabindex="-1">聚焦代码块 <a class="header-anchor" href="#聚焦代码块" aria-label="Permalink to &quot;聚焦代码块&quot;">​</a></h3><div class="important custom-block github-alert"><p class="custom-block-title">重点</p><p></p><p>在某一行上添加 <code>// [!code focus]</code> 注释将聚焦它并模糊代码的其他部分。</p><p>此外，可以使用 <code>// [!code focus:&lt;lines&gt;]</code> 定义要聚焦的行数。</p></div><div class="language- line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang"></span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span>```js</span></span>
<span class="line"><span>export default {</span></span>
<span class="line"><span>  data () {</span></span>
<span class="line"><span>    return {</span></span>
<span class="line"><span>      msg: &#39;Focused!&#39; // [!!code focus]</span></span>
<span class="line"><span>    }</span></span>
<span class="line"><span>  }</span></span>
<span class="line"><span>}</span></span>
<span class="line"><span>```</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br></div></div><div class="language-js line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">js</span><pre class="shiki one-dark-pro has-focused-lines vp-code" tabindex="0"><code><span class="line"><span style="color:#C678DD;">export</span><span style="color:#C678DD;"> default</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line"><span style="color:#61AFEF;">	data</span><span style="color:#ABB2BF;">() {</span></span>
<span class="line"><span style="color:#C678DD;">		return</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line has-focus"><span style="color:#E06C75;">			msg</span><span style="color:#ABB2BF;">: </span><span style="color:#98C379;">&#39;Focused!&#39;</span><span style="color:#ABB2BF;">, </span></span>
<span class="line"><span style="color:#ABB2BF;">		};</span></span>
<span class="line"><span style="color:#ABB2BF;">	},</span></span>
<span class="line"><span style="color:#ABB2BF;">};</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><h3 id="代码块中的颜色差异" tabindex="-1">代码块中的颜色差异 <a class="header-anchor" href="#代码块中的颜色差异" aria-label="Permalink to &quot;代码块中的颜色差异&quot;">​</a></h3><div class="language- line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang"></span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span>```js</span></span>
<span class="line"><span>export default {</span></span>
<span class="line"><span>  data () {</span></span>
<span class="line"><span>    return {</span></span>
<span class="line"><span>      msg: &#39;Removed&#39; // [!!code --]</span></span>
<span class="line"><span>      msg: &#39;Added&#39; // [!!code ++]</span></span>
<span class="line"><span>    }</span></span>
<span class="line"><span>  }</span></span>
<span class="line"><span>}</span></span>
<span class="line"><span>```</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br></div></div><div class="language-js line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">js</span><pre class="shiki one-dark-pro has-diff vp-code" tabindex="0"><code><span class="line"><span style="color:#C678DD;">export</span><span style="color:#C678DD;"> default</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line"><span style="color:#61AFEF;">  data</span><span style="color:#ABB2BF;"> () {</span></span>
<span class="line"><span style="color:#C678DD;">    return</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line diff remove"><span style="color:#E06C75;">      msg</span><span style="color:#ABB2BF;">: </span><span style="color:#98C379;">&#39;Removed&#39;</span></span>
<span class="line diff add"><span style="color:#E06C75;">      msg</span><span style="color:#ABB2BF;">: </span><span style="color:#98C379;">&#39;Added&#39;</span></span>
<span class="line"><span style="color:#ABB2BF;">    }</span></span>
<span class="line"><span style="color:#ABB2BF;">  }</span></span>
<span class="line"><span style="color:#ABB2BF;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br></div></div><h3 id="高亮-错误-和-警告" tabindex="-1">高亮“错误”和“警告” <a class="header-anchor" href="#高亮-错误-和-警告" aria-label="Permalink to &quot;高亮“错误”和“警告”&quot;">​</a></h3><div class="language- line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang"></span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span>```js</span></span>
<span class="line"><span>export default {</span></span>
<span class="line"><span>  data () {</span></span>
<span class="line"><span>    return {</span></span>
<span class="line"><span>      msg: &#39;Error&#39;, // [!!code error]</span></span>
<span class="line"><span>      msg: &#39;Warning&#39; // [!!code warning]</span></span>
<span class="line"><span>    }</span></span>
<span class="line"><span>  }</span></span>
<span class="line"><span>}</span></span>
<span class="line"><span>```</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br></div></div><div class="language-js line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">js</span><pre class="shiki one-dark-pro has-highlighted vp-code" tabindex="0"><code><span class="line"><span style="color:#C678DD;">export</span><span style="color:#C678DD;"> default</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line"><span style="color:#61AFEF;">	data</span><span style="color:#ABB2BF;">() {</span></span>
<span class="line"><span style="color:#C678DD;">		return</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line highlighted error"><span style="color:#E06C75;">			msg</span><span style="color:#ABB2BF;">: </span><span style="color:#98C379;">&#39;Error&#39;</span><span style="color:#ABB2BF;">, </span></span>
<span class="line highlighted warning"><span style="color:#E06C75;">			msg</span><span style="color:#ABB2BF;">: </span><span style="color:#98C379;">&#39;Warning&#39;</span><span style="color:#ABB2BF;">, </span></span>
<span class="line"><span style="color:#ABB2BF;">		};</span></span>
<span class="line"><span style="color:#ABB2BF;">	},</span></span>
<span class="line"><span style="color:#ABB2BF;">};</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br></div></div><h2 id="行号" tabindex="-1">行号 <a class="header-anchor" href="#行号" aria-label="Permalink to &quot;行号&quot;">​</a></h2><div class="note custom-block github-alert"><p class="custom-block-title">提醒</p><p></p><p>由于设置了全局显示行号<code>lineNumbers: true</code>(默认是禁用行号<code>lineNumbers: false</code>)，所以无法禁用行号。</p></div><div class="language-ts line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">ts</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#7F848E;font-style:italic;">// 默认禁用行号</span></span>
<span class="line"><span style="color:#C678DD;">const</span><span style="color:#E5C07B;"> line2</span><span style="color:#56B6C2;"> =</span><span style="color:#98C379;"> &#39;This is line 2&#39;</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#C678DD;">const</span><span style="color:#E5C07B;"> line3</span><span style="color:#56B6C2;"> =</span><span style="color:#98C379;"> &#39;This is line 3&#39;</span><span style="color:#ABB2BF;">;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><div class="language-ts line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">ts</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#7F848E;font-style:italic;">// 行号已启用，并从第2行开始</span></span>
<span class="line"><span style="color:#C678DD;">const</span><span style="color:#E5C07B;"> line3</span><span style="color:#56B6C2;"> =</span><span style="color:#98C379;"> &#39;This is line 3&#39;</span></span>
<span class="line"><span style="color:#C678DD;">const</span><span style="color:#E5C07B;"> line4</span><span style="color:#56B6C2;"> =</span><span style="color:#98C379;"> &#39;This is line 4&#39;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br></div></div><h2 id="提示框" tabindex="-1">提示框 <a class="header-anchor" href="#提示框" aria-label="Permalink to &quot;提示框&quot;">​</a></h2><h3 id="vitepress-风格提示框" tabindex="-1">VitePress 风格提示框 <a class="header-anchor" href="#vitepress-风格提示框" aria-label="Permalink to &quot;VitePress 风格提示框&quot;">​</a></h3><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#ABB2BF;">::: info 信息</span></span>
<span class="line"><span style="color:#ABB2BF;">这是一个信息框。</span></span>
<span class="line"><span style="color:#ABB2BF;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="color:#ABB2BF;">::: tip 建议</span></span>
<span class="line"><span style="color:#ABB2BF;">这是一个建议框。</span></span>
<span class="line"><span style="color:#ABB2BF;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="color:#ABB2BF;">::: warning 警告</span></span>
<span class="line"><span style="color:#ABB2BF;">这是一个警告框。</span></span>
<span class="line"><span style="color:#ABB2BF;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="color:#ABB2BF;">::: danger 危险提示</span></span>
<span class="line"><span style="color:#ABB2BF;">这是一个危险提示框。</span></span>
<span class="line"><span style="color:#ABB2BF;">:::</span></span>
<span class="line"></span>
<span class="line"><span style="color:#ABB2BF;">::: details 点击查看详情</span></span>
<span class="line"><span style="color:#ABB2BF;">这是一个详情块。</span></span>
<span class="line"><span style="color:#ABB2BF;">:::</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br></div></div><div class="info custom-block"><p class="custom-block-title">信息</p><p>这是一个信息框。</p></div><div class="tip custom-block"><p class="custom-block-title">建议</p><p>这是一个建议框。</p></div><div class="warning custom-block"><p class="custom-block-title">警告</p><p>这是一个警告框。</p></div><div class="danger custom-block"><p class="custom-block-title">危险提示</p><p>这是一个危险提示框。</p></div><details class="details custom-block"><summary>点击查看详情</summary><p>这是一个详情块。</p></details><h3 id="github-风格的提示框" tabindex="-1">GitHub 风格的提示框 <a class="header-anchor" href="#github-风格的提示框" aria-label="Permalink to &quot;GitHub 风格的提示框&quot;">​</a></h3><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#5C6370;">&gt; [</span><span style="color:#61AFEF;">!NOTE</span><span style="color:#5C6370;">]</span></span>
<span class="line"><span style="color:#5C6370;">&gt; 强调用户在快速浏览文档时也不应忽略的重要信息。</span></span>
<span class="line"></span>
<span class="line"><span style="color:#5C6370;">&gt; [</span><span style="color:#61AFEF;">!TIP</span><span style="color:#5C6370;">]</span></span>
<span class="line"><span style="color:#5C6370;">&gt; 有助于用户更顺利达成目标的建议性信息。</span></span>
<span class="line"></span>
<span class="line"><span style="color:#5C6370;">&gt; [</span><span style="color:#61AFEF;">!IMPORTANT</span><span style="color:#5C6370;">]</span></span>
<span class="line"><span style="color:#5C6370;">&gt; 对用户达成目标至关重要的信息。</span></span>
<span class="line"></span>
<span class="line"><span style="color:#5C6370;">&gt; [</span><span style="color:#61AFEF;">!WARNING</span><span style="color:#5C6370;">]</span></span>
<span class="line"><span style="color:#5C6370;">&gt; 因为可能存在风险，所以需要用户立即关注的关键内容。</span></span>
<span class="line"></span>
<span class="line"><span style="color:#5C6370;">&gt; [</span><span style="color:#61AFEF;">!CAUTION</span><span style="color:#5C6370;">]</span></span>
<span class="line"><span style="color:#5C6370;">&gt; 行为可能带来的负面影响。</span></span>
<span class="line"></span>
<span class="line"><span style="color:#5C6370;">&gt; [</span><span style="color:#61AFEF;">!INFO</span><span style="color:#5C6370;">] 一般信息</span></span>
<span class="line"><span style="color:#5C6370;">&gt; 一般信息，可以用于一般用户的说明。</span></span>
<span class="line"></span>
<span class="line"><span style="color:#5C6370;">&gt; [</span><span style="color:#61AFEF;">!DANGER</span><span style="color:#5C6370;">]</span></span>
<span class="line"><span style="color:#5C6370;">&gt; 慎重修改可能导致的危险。</span></span>
<span class="line"></span>
<span class="line"><span style="color:#5C6370;">&gt; 普通引用块</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br></div></div><div class="note custom-block github-alert"><p class="custom-block-title">提醒</p><p>强调用户在快速浏览文档时也不应忽略的重要信息。</p></div><div class="tip custom-block github-alert"><p class="custom-block-title">建议</p><p>有助于用户更顺利达成目标的建议性信息。</p></div><div class="important custom-block github-alert"><p class="custom-block-title">重点</p><p>对用户达成目标至关重要的信息。</p></div><div class="warning custom-block github-alert"><p class="custom-block-title">警告</p><p>因为可能存在风险，所以需要用户立即关注的关键内容。</p></div><div class="caution custom-block github-alert"><p class="custom-block-title">注意</p><p>行为可能带来的负面影响。</p></div><div class="info custom-block github-alert"><p class="custom-block-title">一般信息</p><p>一般信息，可以用于一般用户的说明。</p></div><div class="danger custom-block github-alert"><p class="custom-block-title">危险</p><p>慎重修改可能导致的危险。</p></div><blockquote><p>普通引用块</p></blockquote><h2 id="有序列表" tabindex="-1">有序列表 <a class="header-anchor" href="#有序列表" aria-label="Permalink to &quot;有序列表&quot;">​</a></h2><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#E5C07B;">1.</span><span style="color:#ABB2BF;"> 第一条</span></span>
<span class="line"><span style="color:#E5C07B;">2.</span><span style="color:#ABB2BF;"> 第二条</span></span>
<span class="line"><span style="color:#E5C07B;">3.</span><span style="color:#ABB2BF;"> 第三条</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><ol><li>第一条</li><li>第二条</li><li>第三条</li></ol><h2 id="无序列表" tabindex="-1">无序列表 <a class="header-anchor" href="#无序列表" aria-label="Permalink to &quot;无序列表&quot;">​</a></h2><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#E5C07B;">-</span><span style="color:#ABB2BF;">   第一条</span></span>
<span class="line"><span style="color:#E5C07B;">-</span><span style="color:#ABB2BF;">   第二条</span></span>
<span class="line"><span style="color:#E5C07B;">-</span><span style="color:#ABB2BF;">   第三条</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br></div></div><ul><li>第一条</li><li>第二条</li><li>第三条</li></ul><h2 id="任务列表" tabindex="-1">任务列表 <a class="header-anchor" href="#任务列表" aria-label="Permalink to &quot;任务列表&quot;">​</a></h2><h3 id="安装-markdown-it-task-checkbox-插件" tabindex="-1">安装 <code>markdown-it-task-checkbox</code> 插件 <a class="header-anchor" href="#安装-markdown-it-task-checkbox-插件" aria-label="Permalink to &quot;安装 `markdown-it-task-checkbox` 插件&quot;">​</a></h3><div class="language-shell line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">shell</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#61AFEF;">pnpm</span><span style="color:#98C379;"> add</span><span style="color:#98C379;"> markdown-it-task-checkbox</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><h3 id="配置-1" tabindex="-1">配置 <a class="header-anchor" href="#配置-1" aria-label="Permalink to &quot;配置&quot;">​</a></h3><div class="code-label"><div class="code-label-text">config.mts</div></div><div class="language-ts line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">ts</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#C678DD;">import</span><span style="color:#E06C75;"> markdownItTask</span><span style="color:#C678DD;"> from</span><span style="color:#98C379;"> &#39;markdown-it-task-checkbox&#39;</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#C678DD;">export</span><span style="color:#C678DD;"> default</span><span style="color:#61AFEF;"> defineConfig</span><span style="color:#ABB2BF;">({</span></span>
<span class="line"><span style="color:#E06C75;">	markdown</span><span style="color:#ABB2BF;">: {</span></span>
<span class="line"><span style="color:#61AFEF;">		config</span><span style="color:#ABB2BF;">: </span><span style="color:#E06C75;font-style:italic;">md</span><span style="color:#C678DD;"> =&gt;</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line"><span style="color:#E5C07B;">			md</span><span style="color:#ABB2BF;">.</span><span style="color:#61AFEF;">use</span><span style="color:#ABB2BF;">(</span><span style="color:#E06C75;">markdownItTask</span><span style="color:#ABB2BF;">, {</span></span>
<span class="line"><span style="color:#E06C75;">				disabled</span><span style="color:#ABB2BF;">: </span><span style="color:#D19A66;">true</span><span style="color:#ABB2BF;">, </span><span style="color:#7F848E;font-style:italic;">// 是否禁用</span></span>
<span class="line"><span style="color:#E06C75;">				divWrap</span><span style="color:#ABB2BF;">: </span><span style="color:#D19A66;">true</span><span style="color:#ABB2BF;">, </span><span style="color:#7F848E;font-style:italic;">// 是否在 div 中包裹</span></span>
<span class="line"><span style="color:#E06C75;">				divClass</span><span style="color:#ABB2BF;">: </span><span style="color:#98C379;">&#39;custom-checkbox&#39;</span><span style="color:#ABB2BF;">, </span><span style="color:#7F848E;font-style:italic;">// div包装器的类名。仅在启用divWrap时使用</span></span>
<span class="line"><span style="color:#E06C75;">				idPrefix</span><span style="color:#ABB2BF;">: </span><span style="color:#98C379;">&#39;cbx_&#39;</span><span style="color:#ABB2BF;">, </span><span style="color:#7F848E;font-style:italic;">// 复选框输入的ID包含前缀和从0开始的递增数字</span></span>
<span class="line"><span style="color:#E06C75;">				ulClass</span><span style="color:#ABB2BF;">: </span><span style="color:#98C379;">&#39;task-list-ul&#39;</span><span style="color:#ABB2BF;">, </span><span style="color:#7F848E;font-style:italic;">// ul wrapper的classname</span></span>
<span class="line"><span style="color:#E06C75;">				liClass</span><span style="color:#ABB2BF;">: </span><span style="color:#98C379;">&#39;task-list-li&#39;</span><span style="color:#ABB2BF;">, </span><span style="color:#7F848E;font-style:italic;">// li wrapper的classname</span></span>
<span class="line"><span style="color:#ABB2BF;">			}); </span><span style="color:#7F848E;font-style:italic;">// 启用 markdown-it-mark 文字高亮插件插件</span></span>
<span class="line"><span style="color:#ABB2BF;">		},</span></span>
<span class="line"><span style="color:#ABB2BF;">	},</span></span>
<span class="line"><span style="color:#ABB2BF;">});</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br></div></div><h3 id="修改样式-1" tabindex="-1">修改样式 <a class="header-anchor" href="#修改样式-1" aria-label="Permalink to &quot;修改样式&quot;">​</a></h3><details class="details custom-block"><summary>点击查看修改复选框的样式</summary><div class="code-label"><div class="code-label-text">custom.css</div></div><div class="language-css line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">css</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#7F848E;font-style:italic;">/* 设置未选中样式 */</span></span>
<span class="line"><span style="color:#D19A66;">.custom-checkbox</span><span style="color:#E06C75;"> input</span><span style="color:#C678DD;">[</span><span style="color:#D19A66;">type</span><span style="color:#ABB2BF;">=</span><span style="color:#98C379;">&#39;checkbox&#39;</span><span style="color:#C678DD;">]</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line"><span style="color:#ABB2BF;">	position: </span><span style="color:#D19A66;">relative</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	width: </span><span style="color:#D19A66;">17</span><span style="color:#E06C75;">px</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	height: </span><span style="color:#D19A66;">17</span><span style="color:#E06C75;">px</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	margin-top: </span><span style="color:#D19A66;">1</span><span style="color:#E06C75;">px</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	border: </span><span style="color:#D19A66;">1</span><span style="color:#E06C75;">px</span><span style="color:#D19A66;"> solid</span><span style="color:#D19A66;"> #949494</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	border-radius: </span><span style="color:#D19A66;">4</span><span style="color:#E06C75;">px</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	vertical-align: </span><span style="color:#D19A66;">middle</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	margin-right: </span><span style="color:#D19A66;">4</span><span style="color:#E06C75;">px</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#7F848E;font-style:italic;">	/* 取消默认样式 */</span></span>
<span class="line"><span style="color:#56B6C2;">	-webkit-appearance</span><span style="color:#ABB2BF;">: </span><span style="color:#D19A66;">none</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#56B6C2;">	-moz-appearance</span><span style="color:#ABB2BF;">: </span><span style="color:#D19A66;">none</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#56B6C2;">	-ms-appearance</span><span style="color:#ABB2BF;">: </span><span style="color:#D19A66;">none</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	appearance: </span><span style="color:#D19A66;">none</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">}</span></span>
<span class="line"><span style="color:#7F848E;font-style:italic;">/* 设置选中样式 */</span></span>
<span class="line"><span style="color:#D19A66;">.custom-checkbox</span><span style="color:#E06C75;"> input</span><span style="color:#C678DD;">[</span><span style="color:#D19A66;">type</span><span style="color:#ABB2BF;">=</span><span style="color:#98C379;">&#39;checkbox&#39;</span><span style="color:#C678DD;">]</span><span style="color:#56B6C2;">:checked</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line"><span style="color:#ABB2BF;">	background-color: </span><span style="color:#D19A66;">#3884ff</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	border: </span><span style="color:#D19A66;">1</span><span style="color:#E06C75;">px</span><span style="color:#D19A66;"> solid</span><span style="color:#D19A66;"> #3884ff</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">}</span></span>
<span class="line"><span style="color:#7F848E;font-style:italic;">/* 设置选中样式的文字 */</span></span>
<span class="line"><span style="color:#D19A66;">.custom-checkbox</span><span style="color:#E06C75;"> input</span><span style="color:#C678DD;">[</span><span style="color:#D19A66;">type</span><span style="color:#ABB2BF;">=</span><span style="color:#98C379;">&#39;checkbox&#39;</span><span style="color:#C678DD;">]</span><span style="color:#56B6C2;">:checked</span><span style="color:#ABB2BF;"> +</span><span style="color:#E06C75;"> label</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line"><span style="color:#ABB2BF;">	color: </span><span style="color:#D19A66;">#3884ff</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">}</span></span>
<span class="line"><span style="color:#7F848E;font-style:italic;">/* 设置选中样式的对号√ */</span></span>
<span class="line"><span style="color:#D19A66;">.custom-checkbox</span><span style="color:#E06C75;"> input</span><span style="color:#C678DD;">[</span><span style="color:#D19A66;">type</span><span style="color:#ABB2BF;">=</span><span style="color:#98C379;">&#39;checkbox&#39;</span><span style="color:#C678DD;">]</span><span style="color:#56B6C2;">:checked::after</span><span style="color:#ABB2BF;"> {</span></span>
<span class="line"><span style="color:#ABB2BF;">	content: </span><span style="color:#98C379;">&#39;</span><span style="color:#56B6C2;">\2714</span><span style="color:#98C379;">&#39;</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	display: </span><span style="color:#D19A66;">block</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	position: </span><span style="color:#D19A66;">absolute</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	top: </span><span style="color:#D19A66;">0</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	color: </span><span style="color:#D19A66;">#fff</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	font-size: </span><span style="color:#D19A66;">16</span><span style="color:#E06C75;">px</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	text-align: </span><span style="color:#D19A66;">center</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	width: </span><span style="color:#D19A66;">100</span><span style="color:#E06C75;">%</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">	line-height: </span><span style="color:#D19A66;">18</span><span style="color:#E06C75;">px</span><span style="color:#ABB2BF;">;</span></span>
<span class="line"><span style="color:#ABB2BF;">}</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br></div></div></details><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#E5C07B;">-</span><span style="color:#ABB2BF;">   [ ] 未完成任务</span></span>
<span class="line"><span style="color:#E5C07B;">-</span><span style="color:#ABB2BF;">   [</span><span style="color:#61AFEF;">x</span><span style="color:#ABB2BF;">] 已完成任务</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br></div></div><ul class="task-list-ul"><li class="task-list-li"><div class="custom-checkbox"><input type="checkbox" id="cbx_0" disabled="true"><label for="cbx_0"> 未完成任务</label></div></li><li class="task-list-li"><div class="custom-checkbox"><input type="checkbox" id="cbx_1" checked="true" disabled="true"><label for="cbx_1"> 已完成任务</label></div></li></ul><h2 id="水平分割线" tabindex="-1">水平分割线 <a class="header-anchor" href="#水平分割线" aria-label="Permalink to &quot;水平分割线&quot;">​</a></h2><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#ABB2BF;">---</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><h2 id="图片" tabindex="-1">图片 <a class="header-anchor" href="#图片" aria-label="Permalink to &quot;图片&quot;">​</a></h2><h3 id="markdown-格式-alt-src" tabindex="-1">Markdown 格式 <code>![alt](src)</code> <a class="header-anchor" href="#markdown-格式-alt-src" aria-label="Permalink to &quot;Markdown 格式 `![alt](src)`&quot;">​</a></h3><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#ABB2BF;">![</span><span style="color:#61AFEF;">1680761702337.jpg</span><span style="color:#ABB2BF;">]</span><span style="color:#E06C75;">(</span><span style="color:#C678DD;text-decoration:underline;">https://cdn.jsdelivr.net/gh/dcdy/image/img/1680761702337.jpg</span><span style="color:#E06C75;">)</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><h3 id="html-格式-img-src-src-alt-alt" tabindex="-1">HTML 格式 <code>&lt;img src=&quot;src&quot; alt=&quot;alt&quot; /&gt;</code> <a class="header-anchor" href="#html-格式-img-src-src-alt-alt" aria-label="Permalink to &quot;HTML 格式 `&lt;img src=&quot;src&quot; alt=&quot;alt&quot; /&gt;`&quot;">​</a></h3><p><span class="img-wrapper"><img src="https://cdn.jsdelivr.net/gh/dcdy/image/img/1680761702337.jpg" alt="1680761702337.jpg" class="img-loading" onload="this.classList.remove(&#39;img-loading&#39;)" onerror="this.classList.remove(&#39;img-loading&#39;); this.classList.add(&#39;img-error&#39;)"></span></p><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#ABB2BF;">&lt;</span><span style="color:#E06C75;">img</span><span style="color:#D19A66;"> src</span><span style="color:#ABB2BF;">=</span><span style="color:#98C379;">&quot;https://cdn.jsdelivr.net/gh/dcdy/image/img/1680761702337.jpg&quot;</span><span style="color:#D19A66;"> alt</span><span style="color:#ABB2BF;">=</span><span style="color:#98C379;">&quot;首页配置图片&quot;</span><span style="color:#D19A66;"> style</span><span style="color:#ABB2BF;">=</span><span style="color:#98C379;">&quot;zoom:50%;margin: auto;&quot;</span><span style="color:#ABB2BF;"> /&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><img src="https://cdn.jsdelivr.net/gh/dcdy/image/img/1680761702337.jpg" alt="首页配置图片" style="zoom:50%;margin:auto;"><h2 id="超链接" tabindex="-1">超链接 <a class="header-anchor" href="#超链接" aria-label="Permalink to &quot;超链接&quot;">​</a></h2><h3 id="外部链接" tabindex="-1">外部链接 <a class="header-anchor" href="#外部链接" aria-label="Permalink to &quot;外部链接&quot;">​</a></h3><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#ABB2BF;">[</span><span style="color:#61AFEF;">点击打开百度页面</span><span style="color:#ABB2BF;">]</span><span style="color:#E06C75;">(</span><span style="color:#C678DD;text-decoration:underline;">https://www.baidu.com/index.htm</span><span style="color:#E06C75;">)</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br></div></div><p><a href="https://www.baidu.com/index.htm" target="_blank" rel="noreferrer">点击打开百度页面</a></p><h3 id="内部链接" tabindex="-1">内部链接 <a class="header-anchor" href="#内部链接" aria-label="Permalink to &quot;内部链接&quot;">​</a></h3><div class="language-markdown line-numbers-mode"><button title="复制代码" class="copy"></button><span class="lang">markdown</span><pre class="shiki one-dark-pro vp-code" tabindex="0"><code><span class="line"><span style="color:#7F848E;font-style:italic;">&lt;!-- 将用户锚定到目录 guide 下的config-home.md文件中的标题&quot;主题内容&quot;上 --&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#ABB2BF;">[</span><span style="color:#61AFEF;">跳转到文档配置页面内的主题内容</span><span style="color:#ABB2BF;">]</span><span style="color:#E06C75;">(</span><span style="color:#C678DD;text-decoration:underline;">../guide/config-home.md#主题内容</span><span style="color:#E06C75;">)</span></span>
<span class="line"></span>
<span class="line"><span style="color:#7F848E;font-style:italic;">&lt;!-- 将用户锚定到api.md文件 --&gt;</span></span>
<span class="line"></span>
<span class="line"><span style="color:#ABB2BF;">[</span><span style="color:#61AFEF;">跳转到 API 页面</span><span style="color:#ABB2BF;">]</span><span style="color:#E06C75;">(</span><span style="color:#C678DD;text-decoration:underline;">./api.md</span><span style="color:#E06C75;">)</span><span style="color:#7F848E;font-style:italic;"> &lt;!-- 可以省略扩展名 --&gt;</span></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><p><a href="./../guide/config-home#主题内容">跳转到文档配置页面内的主题内容</a></p><p><a href="./api">跳转到 API 页面</a></p><div class="warning custom-block"><p class="custom-block-title">警告</p><p>这是一个警告</p><pre><code>这是一个警告
</code></pre></div></div></div></main><footer class="VPDocFooter" data-v-184b3be7 data-v-418b990b><!--[--><!--]--><div class="edit-info" data-v-418b990b><div class="edit-link" data-v-418b990b><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/dcdy/vitepress-template/edit/main/docs/examples/markdown.md" target="_blank" rel="noreferrer" data-v-418b990b><!--[--><span class="vpi-square-pen edit-link-icon" data-v-418b990b></span> 在 GitHub 上编辑此页面<!--]--></a></div><div class="last-updated" data-v-418b990b><p class="VPLastUpdated" data-v-418b990b data-v-6a80e2fe>最后更新于: <time datetime="2024-11-29T09:00:56.000Z" data-v-6a80e2fe></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-418b990b><span class="visually-hidden" id="doc-footer-aria-label" data-v-418b990b>Pager</span><div class="pager" data-v-418b990b><!----></div><div class="pager" data-v-418b990b><a class="VPLink link pager-link next" href="/vitepress-template-public/examples/markdown-expand" data-v-418b990b><!--[--><span class="desc" data-v-418b990b>下一页</span><span class="title" data-v-418b990b>扩展示例</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-b928bd87 data-v-fdadc4f9><div class="container" data-v-fdadc4f9><p class="message" data-v-fdadc4f9>基于MIT许可发布</p><p class="copyright" data-v-fdadc4f9>版权所有 © 2024 dcdyxmt@163.com</p></div></footer><!--[--><!--]--></div></div>
    
    
  </body>
</html>